<template>
  <div class="card">
    <div class="card-in">
      <ul>
        <router-link to="/myApplication"
                     tag="li">
          <div class="card-box">
            <p class="card-p border-botInfo">我的审批</p>
            <mt-cell title="待审批"
                     is-link>
              <mt-badge type="primary">22</mt-badge>
            </mt-cell>
          </div>
        </router-link>
        <router-link to="/myApplication"
                     tag="li">
          <div class="card-box">
            <p class="card-p border-botInfo">我的任务</p>
            <mt-cell title="待完成"
                     is-link>
              <mt-badge type="primary">13</mt-badge>
            </mt-cell>
          </div>
        </router-link>
        <router-link to="/myApplication"
                     tag="li">
          <div class="card-box">
            <p class="card-p border-botInfo">任务调度</p>
            <mt-cell title="待调度"
                     is-link>
              <mt-badge type="primary">26</mt-badge>
            </mt-cell>
          </div>
        </router-link>
      </ul>
    </div>
  </div>
</template>

<script>
import { Badge, Cell } from 'mint-ui'
export default {
  name: 'Card',
  components: {
    [Badge.name]: Badge,
    [Cell.name]: Cell
  },
  props: {
  },
  data () {
    return {
      boderShow: false
    }
  },
  methods: {

  },
  mounted () {
  }
}
</script>

<style lang="stylus" scoped>
.card
  margin-top: 0.1rem
  background: #fff
  .card-in
    padding: 0.2rem
    .card-box
      box-shadow: 1px 2px 5px #eee
      border-radius: 5px
      margin-top: 0.2rem
      .card-p
        text-indent: 10px
        height: 30px
        line-height: 30px
      .card-content
        text-align: center
        padding: 10px
        line-height: 50px
        color: #26a2ff
        font-size: 30px
</style>
